import React, { memo } from 'react'
import { NavLink } from 'react-router-dom'
import { CheckSingerItemWrapper } from './style'

export default memo(function CheckSingerItem(props) {

    const { name, picUrl, alias} = props;
    const url = `${picUrl}?param=62y62`;
    return (
        <CheckSingerItemWrapper>
            <NavLink to="/" className="link-style">
                <img className="icon" src={url}/>
                <div className="content">
                    <p className="title">{name}</p>
                    <p className="desc">{name}</p>
                </div>
            </NavLink>
        </CheckSingerItemWrapper>
    )
})
